<template>
	<footer class="lk-footer">
		<div class="lk-foot-top-div">
			<ul class="lk-foot-top">
				<li>
					<a href="#/tehui"><img src="../assets/th.png" />
						<h3>礼拜五特惠</h3></a>
				</li>
				<li>
					<a href="#/yxbz"><img src="../assets/bz.png" />
						<h3>优先保障</h3></a>
				</li>
				<li>
					<a href="#/qcjk"><img src="../assets/jk.png" />
						<h3>全程监控</h3></a>
				</li>
				<li>
					<a href="#/jdzg"><img src="../assets/zg.png" />
						<h3>基地直供</h3></a>
				</li>
				<li>
					<a href="#/zssd"><img src="../assets/zs.png" />
						<h3>准时送达</h3></a>
				</li>
			</ul>
		</div>

		<div class="lk-foot-middle">
			<div class="lk-foot-middle-left">
				<img src="../assets/logo.png" />
				<span>服务时间：10:00-24:00</span>
				<i></i><span>0902-2511011</span>
			</div>
			<div class="lk-foot-middle-center">
				<div><img src="../assets/wx.png" alt="" />
					<h5>礼拜五官方微信</h5></div>
				<div><img src="../assets/app.png" />
					<h5>礼拜五官方APP</h5></div>
			</div>
			<div class="lk-foot-middle-right">
				<dl>
					<dt>关于礼拜五</dt>
					<dd>
						<a href="#/newuser">新用户注册</a>
					</dd>
					<dd>
						<a href="#/aboutfriday">关于礼拜五</a>
					</dd>
				</dl>
				<dl>
					<dt>配送说明</dt>
					<dd><a href="#/yfsm">运费说明</a></dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd><a href="#/shfw">运费说明</a></dd>
				</dl>
				<dl>
					<dt>加盟礼拜五</dt>
					<dd><a href="#/jmtk">加盟条款</a></dd>
				</dl>
			</div>
		</div>
		<div class="lk-foot-down">
			<h5>版权所有©礼拜五 保留所有权利 | 13154121254</h5>
			<h5><slot></slot></h5>
		</div>

	</footer>
</template>

<script>
	import Tehui from '@/components/tehui'
	import Yxbz from '@/components/yxbz'
	import Qcjk from '@/components/qcjk'
	import Jdzg from '@/components/jdzg'
	import Zssd from '@/components/zssd'
	import Newuser from '@/components/newuser'
	import Yfsm from '@/components/yfsm'
	import Shfw from '@/components/shfw'
	import Jmtk from '@/components/jmtk'
	
	
	export default {
		name: "foot",
		components:{
			Tehui,Yxbz,Qcjk,Jdzg,Zssd,Newuser,Yfsm,Jmtk
		}
	}
</script>

<style scoped>
	.lk-footer {
		/*overflow: hidden;*/
	}
	
	.lk-foot-top-div {
		padding: 21px;
		border-top: solid 1px #DDDDDD;
		border-bottom: solid 1px #DDDDDD;
	}
	
	.lk-foot-top {
		width: 1280px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.lk-foot-top>li {
		float: left;
		width: 255px;
		text-align: center;
		cursor: pointer;
		border-left: solid 1px #DDDDDD;
	}
	
	.lk-foot-top>li:first-child {
		border-style: none;
	}
	
	.lk-foot-top>li>a {
		color: black;
	}
	
	.lk-foot-top>li img {
		vertical-align: -15px;
		width: 45px;
		height: 45px;
	}
	
	.lk-foot-top>li h3 {
		display: inline-block;
		margin-left: 5px;
		font-size: 24px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.lk-foot-middle {
		padding: 20px 0;
		width: 1280px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.lk-foot-middle-left {
		float: left;
		width: 400px;
		font-size: 18px;
	}
	
	.lk-foot-middle-left>img {
		display: block;
		margin-bottom: 34px;
		vertical-align: middle;
	}
	
	.lk-foot-middle-left>i {
		display: inline-block;
		margin-left: 20px;
		margin-right: 8px;
		vertical-align: 0;
		width: 16px;
		height: 16px;
		background: url(../assets/phone.png) no-repeat center center;
	}
	
	.lk-foot-middle-center {
		float: left;
		margin-left: 20px;
		padding: 0;
		width: 320px;
	}
	
	.lk-foot-middle-center h5 {
		font-weight: 500;
		line-height: 1.1;
		color: inherit;
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.lk-foot-middle-center>div {
		display: inline-block;
		width: 132px;
		margin-right: 20px;
		text-align: center;
		font-size: 16px;
		color: #666;
	}
	
	.lk-foot-middle-right {
		float: left;
	}
	
	.lk-foot-middle-center {
		float: left;
		margin-left: 20px;
		padding: 0;
		width: 320px;
	}
	
	.lk-foot-middle-right {
		float: left;
		overflow: hidden;
	}
	
	.lk-foot-middle-right>dl {
		float: left;
		margin-right: 40px;
	}
	
	.lk-foot-middle-right dt {
		margin-top: 10px;
		color: #333;
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.1;
	}
	
	.lk-foot-middle-right dd {
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 500;
		line-height: 1.5;
		color: #666;
		cursor: pointer;
	}
	
	.lk-foot-down {
		padding: 20px 0;
		border-top: solid 1px #DDDDDD;
		text-align: center;
	}
	
	.lk-foot-down>h5:first-child {
		color: #666;
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-family: inherit;
		font-weight: 500;
		line-height: 1.1;
		
	}
	
	.lk-foot-down>h5:last-child {
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-family: inherit;
		font-weight: 500;
		line-height: 1.1;
		color: inherit;
		cursor: pointer;
	}
</style>